const virtualDom = {
    tag: 'div',
    children: [
      {
        tag: 'h3',
        children: [
            // name
            "John"
        ]
      },
      {
        tag: 'p',
        children: [
            // age
            "30"
        ]
      },
      {
        tag: 'ul',

        // children: arr.map(item=>({
        //     tag:"li",
        //     children:[item]
        // }))
        children: [
            {
                tag:"li",
                children:[
                    "reading"
                ]
            },
            {
                tag:"li",
                children:[
                    "writing"
                ]
            },
        ]
      }
    ]
}